<template>
	<view class="height-100 poRe content">
		<image :src="ApitestUrl+'/home/image/icon11.png'" class="width-100 height-100 poAb top-0 left-0" mode=""></image>
		<view class="display-ce align-items poRe mar-top-108">
			<view class="xian"></view>
			<view class="fontSize-48 fontBold col-f ml20">邀好友·领红包</view>
			<view class="xian ml20 tr180"></view>
		</view>
		<swiper class="swiper mar-top-102 over-hid" previous-margin="142rpx" next-margin="142rpx">
			<swiper-item class="text-align-center height-100">
					<image src="/static/img/icon12.png" class="swiper_item height-100" mode=""></image>
			</swiper-item>
			<swiper-item class="text-align-center height-100">
					<image src="/static/img/icon12.png" class="swiper_item height-100" mode=""></image>
			</swiper-item>
			<swiper-item class="text-align-center height-100">
					<image src="/static/img/icon12.png" class="swiper_item height-100" mode=""></image>
			</swiper-item>
		</swiper>
		<view class="text-align-center col-f fontSize-30 bao_btn poRe radius-10">保存图片</view>
	</view>
</template>

<script lang="ts" setup>
import {ApitestUrl} from '../../utils/api'
</script>

<style lang="scss">
.content{
	min-height: 100vh;
}
.xian{
	background: linear-gradient(to right, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.5));
	width: 125rpx;
	height: 5rpx;
}
.tr180{
	transform: rotate(180deg);
}
.swiper{
	height: 646rpx;
	&_item{
		width: 364rpx;
	}
}
.bao_btn{
	width: 364rpx;
	height: 80rpx;
	background: #FD6317;
	margin: 60rpx auto 0 auto;
	line-height: 80rpx;
}
</style>
